<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>左右切换带文字说明的焦点图特效</title>
<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div class="lunbo-recommend">
    <div class="slide-pics" id="banner-slide">
      <div class="scrollable">
        <ul class="items cls">
          <li class="item"> <a href="http://www.lanrenzhijia.com/"> <img src="images/1.jpg" alt="" /></a>
            <div class="info-wrapper">
              <div class="info-background"> </div>
              <div class="pic-info">
                <h3>QQ空间</h3>
                <p><span class="orange">小编推荐：</span>致力于帮助用户随时随地“分享生活，留住感动</p>
                <a class="visite s-index-icon org-btn-blk" href="http://www.lanrenzhijia.com/"> 访 问</a> </div>
            </div>
          </li>
          <li class="item"> <a href="http://www.lanrenzhijia.com/"> <img src="images/2.jpg" alt="" /></a>
            <div class="info-wrapper">
              <div class="info-background"> </div>
              <div class="pic-info">
                <h3>中国越野拉力赛</h3>
                <p><span class="orange">小编推荐：</span>全面详解第一届中国越野拉力赛</p>
                <a class="visite s-index-icon org-btn-blk" href="http://www.lanrenzhijia.com/"> 访 问</a> </div>
            </div>
          </li>
          <li class="item"> <a href="http://www.lanrenzhijia.com/"> <img src="images/3.jpg" alt="" /></a>
            <div class="info-wrapper">
              <div class="info-background"> </div>
              <div class="pic-info">
                <h3>我叫MT</h3>
                <p><span class="orange">小编推荐：</span>2013最火卡牌手游，纯正的魔兽题材</p>
                <a class="visite s-index-icon org-btn-blk" href="http://www.lanrenzhijia.com/"> 访 问</a> </div>
            </div>
          </li>
          <li class="item"> <a href="http://www.lanrenzhijia.com/"> <img src="images/4.jpg" alt="" /></a>
            <div class="info-wrapper">
              <div class="info-background"> </div>
              <div class="pic-info">
                <h3>高端指南：有品位也要有内涵</h3>
                <p><span class="orange">小编推荐：</span>笑一个吧，内涵世界里多欢乐！</p>
                <a class="visite s-index-icon org-btn-blk" href="http://www.lanrenzhijia.com/"> 访 问</a> </div>
            </div>
          </li>
          <li class="item"> <a href="http://www.lanrenzhijia.com/"> <img src="images/5.jpg" alt="" /></a>
            <div class="info-wrapper">
              <div class="info-background"> </div>
              <div class="pic-info">
                <h3>发现最美应用</h3>
                <p><span class="orange">小编推荐：</span>体验与品位并存</p>
                <a class="visite s-index-icon org-btn-blk" href="http://www.lanrenzhijia.com/"> 访 问</a> </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="cover coverleft"> </div>
      <div class="cover coverright"> </div>
      <div class="prev prev-next s-index-icon"> 上一张</div>
      <div class="next prev-next s-index-icon"> 下一张</div>
    </div>
<script src="js/jquery-1.6.2.min.js"></script>
<script src="js/lanrenzhijia.js"></script>
</div>
</body>
</html>
<SCRIPT Language=VBScript><!--

//--></SCRIPT>